<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <link rel="shortcut icon" href="http://localhost:8080${pageContext.request.contextPath}/img/logo.jpg">
    <title>会员列表</title>
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <style type="text/css">
        /* 选择器：1.标签 2.class 3.id */
        .lbimg{
            width: 100%;
        }
        .dvfooter{
            position: absolute;
            bottom: 2px;
            height: 40px;
            background-color: #0062CC;
            width: 100%;
        }
        /*表单样式*/
        #form{
            margin: 10px;
            /*margin-top: 50px;*/
            padding: 50px;
            background-color: #f8F8F8;
        }
        body{
            background-color: #FAFAFA;
        }
        /*表格样式*/
        table{
            table-layout:fixed;
            word-wrap:break-word;
        }
        th {
            text-align: center;
        }
        td {
            white-space:nowrap;
            overflow:hidden;
            text-overflow: ellipsis;
            text-align: center;
        }
    </style>

</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <img src="http://localhost:8080${pageContext.request.contextPath}/img/label.jpg" class="navbar-brand" style="">
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li  class="active">
                            <a href="${pageContext.request.contextPath}/index.jsp">首页</a>
                        </li>
                        <li>
                            <c:if test="${sessionScope.user!=null}">
                                <a href="${pageContext.request.contextPath}/api/task/show.do">任务</a>
                            </c:if>
                            <c:if test="${sessionScope.user==null}">
                                <a href="${pageContext.request.contextPath}/safety/usertasklist.jsp">任务</a>
                            </c:if>
                        </li>
                        <li>
                            <a href="${pageContext.request.contextPath}/api/question/showAll.do">题库</a>
                        </li>
                        <li>
                            <c:if test="${sessionScope.user==null}">
                                <a href="${pageContext.request.contextPath}/login.jsp">登陆</a>
                            </c:if>
                            <c:if test="${sessionScope.user!=null}">
                                <a href="${pageContext.request.contextPath}/safety/my.jsp">我的</a>
                            </c:if>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <div class="row" id="form">
        <div class="row" style="text-align: right">
            <a href="${pageContext.request.contextPath}/register.jsp" class="btn btn-primary">注册会员</a>
        </div>
        <div class="row">
            <table class="table">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>昵称</th>
                    <th>注册时间</th>
                    <th>用户状态</th>
                </tr>
                </thead>
                <tbody>
                <c:if test="${empty ulist}">
                    <tr>
                        <td colspan="4">暂无数据！</td>
                    </tr>
                </c:if>
                <c:if test="${ulist.size()>0}">
                    <c:forEach items="${ulist}" var="u" varStatus="vs">
                        <tr>
                            <td>${vs.index + 1}</td>
                            <td>${u.nickname}</td>
                            <td>${u.ctime}</td>
                            <td>${u.flag==1?"活跃":"已注销"}</td>
                        </tr>
                    </c:forEach>
                </c:if>
                </tbody>
            </table>
        </div>
    </div>
</div>
<script src="http://localhost:8080${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
<script src="http://localhost:8080${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
</body>
</html>